
// 收入情况
layui.use(['form', 'layer', 'jquery'], function () {
    var form = layui.form,
        layer = layui.layer,
        $ = layui.jquery;


    // 动态加载小说网站下拉框内容
/* 	$.ajax({
        url: '/Manage/getParking',
        dataType: 'json',
        type: 'get',
        success: function (data) {
            let str="<option value=''>全部</option>";
            for(let i of data){
                str+='<option value='+i.id+'>'+i.name+'</option>';
            }
            $("#website").html(str);
            form.render();
            // 重新渲染 固定写法
        }
    }); */

    // 测试数据
    var testData;
    $.ajaxSettings.async = false;
    $.getJSON('../json/house-price-area2.json',function(data){
        testData=data;
    });
    $.ajaxSettings.async = true;

    var myRegression = ecStat.regression('polynomial', testData,3);
    console.log(myRegression);
    // 接收散点图
     var scatter = showScatter();
     // 设置散点图
     scatter.setOption({
        xAxis: {
            // x轴的下标刻度 -- 根据后台传回数据设置
            // name: xName,
            // data: xData
        },
        yAxis: {
            // y轴的下标刻度 -- 根据后台传回数据设置
            // name: yname,
            // max : yMax
         },
        // 柱状图每一项对应的值
        series: [{
            // name: '散点',
            // data: testData // -- 根据后台传回数据设置
        },{
            color: 'rgb(128, 128, 128)',
            name: '回归直线',
            data: myRegression.points ,
            makePoint:{
                itemStyle: {
                    color: 'transparent'
                },
                label: {
                    show: true,
                    position: 'left',
                    formatter: myRegression.expression,
                    color: '#333',
                    fontSize: 14
                }
            },
            visualMap: false
        }] 
    }); 


  /*   form.on('submit(choice1)', function(data) {

		// 数据
        var newData = data.field;
        // console.log(data);
        // console.log(data.field);
        // console.log(newData.website);

        // 获取下拉框当前选中内容
        var _website=$("#website option:selected").text();
        var _novelType=$("#novelType option:selected").text();
        var _xAxis=$("#xAxis option:selected").text();
        var _yAxis=$("#yAxis option:selected").text();
        
		
		if(newData.novelType=="")
			layer.msg("请选择小说类型！");
		else{
			
			// 请求数据
			$.ajax({
				url : '../json/house-price-area2.json',
				type : 'get',
				success : function(result) {
					if (result) {
						// 重新渲染柱状图
						scatter.setOption({
                            title: {
                                text: _website+' '+_novelType+'小说',
                                left: 'center',
                                top: 0
                            },
							xAxis : {
								// x轴的下标刻度 -- 根据后台传回数据设置
								name: _xAxis
							},
							yAxis : {
                            // y轴的下标刻度 -- 根据后台传回数据设置
                                name: _yAxis
							},
							// 柱状图每一项对应的值
							series : [ {
								name : 'test',
								data : result // -- 根据后台传回数据设置
							} ]
						});
					}
				},
				error : function(data) {
					console.log("提交失败");
				}
			});	
		}
	}); */

});



// 散点图测试
function showScatter() {
    console.log("hello");
    // 基于准备好的dom，初始化echarts实例
    var scatter = echarts.init(document.getElementById('bar1'));

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: 'Dispersion of house price based on the area',
            left: 'center',
            top: 0
        },
        visualMap: {
            min: 15202,
            max: 159980,
            dimension: 1,
            orient: 'vertical',
            right: 10,
            top: 'center',
            text: ['HIGH', 'LOW'],
            calculable: true,
            inRange: {
                color: ['#f2c31a', '#24b7f2']
            }
        },
        tooltip: {
            trigger: 'item',
            axisPointer: {
                type: 'cross'
            }
        },
        xAxis: [{
            name: 'testXAxis',
            type: 'value'
        }],
        yAxis: [{
            name: 'testYAxis',
            type: 'value'
        }],
        series: [{
            name: '散点',
            type: 'scatter',
            symbolSize: 5,
            // itemStyle: {
            //     normal: {
            //         borderWidth: 0.2,
            //         borderColor: '#fff'
            //     }
            // },
            data: []
        },{
            name: '拟合直线',
            type: 'line',
            symbolSize: 5,
            smooth: true,
            showSymbol: false,
            visualMap: false,
            data: []
        }]
    };


    // 使用刚指定的配置项和数据显示图表。
    scatter.setOption(option);
    return scatter;
}

